<template>
	<view class="layout">
		<view class="header">
			<!-- 具名插槽 -->
			<slot name="header"></slot>
		</view>
		<view class="main">
			<slot name="main"></slot>
		</view>
		<view class="footer">footer</view>
	</view>
</template>

<script setup>
// 具名插槽 
</script>

<style lang="scss" scoped>
.layout{
	.header{
		height: 100px;
		background: #cfcfcf;
	}
	.main{
		min-height: 200px;		
	}
	.footer{
		height: 120px;
		background: orange;
	}
}
</style>